@media screen and (min-width:1680px){
	.container{width:100%;}
	.inside-wrap_box{width:1164px;}
	.about-wrap{width:1232px;}
	.memorabilia-wrap{width:1166px;}
	.txtScroll-left{width:954px;}
	.group-wrap{width:1200px;}
}

/* 宽度1440 */
@media screen and (max-width:1679px){
	.menu{width:72%;}
	.dropdown{width:45%;}
	.dropdown .secondmenu{width:18%; margin-right:2%;}
	.dropdown .secondmenu li a{font-size:0.85em;}
	.index-wrap_ar{height:300px;}
	.index-wrap_news{height:300px;}
	.index-wrap_news p{width:85%;}
	.index-wrap_news > a{width:18%;}
	.index-wrap_a ol li h5 font{font-size:3em;}
	.index-wrap_right .slideTxtBox .bd div figure img{height:600px;}
	.ft-logo{width:20%; margin-left:2%;}
	.ft-menu{width:53.5%; margin-left:2.5%; padding-left:2%;}
	.ft-other{margin-right:1.5%;}
	.ft-other form:before{padding-left:5px;}
	.container{width:100%;}
	.inside-wrap_box{width:1164px;}
	.about-wrap{width:1232px;}
	.memorabilia-wrap{width:1166px;}
	.culture ol li{width:14.66666%; margin:0 1%;}
	.product ul li article img{width:15%;}
	.product ul li article i{width:70px; height:70px;}
	.product ul li article h4{font-size: 1.4em;}
	.product ul li article a{margin-top: 6%;}
	.txtScroll-left{width:954px;}
	.social ol li article h3{font-size:1.2em;}
	.social ol li article span{font-size:0.95em;}
	.service ol li article h6{padding-top:10%;}
	.service ol li article a{margin-top:7%;}
	.contact-info_wrap ol li, .contact-info_wrap ul li{margin-top:10px;}
	.group-wrap{width:1200px;}
}

/* 宽度1360 */
@media screen and (max-width:1439px){
	.logo{width:15%; margin-left:1.5%;}
	.menu nav ul li{width:10.5%; margin:0 1%;}
	.menu .menu-en:before{margin-left:8px;}
	.menu .menu-group{font-size:1.05em;}
	.index-wrap_ar{height:270px;}
	.index-wrap_a, .index-wrap_r{padding:2%;}
	.index-wrap_news{padding:3%; height:270px;}
	.index-wrap_news p{width:90%;}
	.index-wrap_news > a{width:20%;}
	.index-wrap_right .slideTxtBox .bd div figure img{height:540px;}
	.product ul li article i{width:65px; height:65px;}
	.social ol li article h3{font-size:1.1em;}
	.service ol li article h5{font-size:1.3em;}
	.service ol li article p{padding-top:16px;}
	#container{height:450px;}
}

/* 宽度1280 */
@media screen and (max-width:1359px){
	.logo{width:18%;}
	.menu .menu-group i{margin-left:25px;}
	.dropdown .secondmenu{width:20%;}
	.dropdown .secondmenu li{line-height:2;}
	.dropdown .secondmenu li a{font-size:0.8em;}
	.index-wrap_ar{height:250px;}
	.index-wrap_a, .index-wrap_r{padding:1.5%;}
	.index-wrap_a ol li h5 font{font-size:2.5em;}
	.index-wrap_news{padding:2%; height:250px;}
	.index-wrap_news p{width:100%;}
	.index-wrap_news > a{margin-top:25px;}
	.index-wrap_right .slideTxtBox .bd div figure img{height:500px;}
	.index-wrap_right .slideTxtBox .bd div article p{font-size:0.8em;}
	.index-wrap_right .slideTxtBox .bd div article a{line-height:35px;}
	.ft-logo{margin-left:1%;}
	.ft-logo h3{font-size:0.9em;}
	.cd-horizontal-timeline .events-content h2{font-size:2rem;}
	.product ul li article{padding-top: 2%;}
	.product ul li article h4{font-size: 1.2em;}
	.product ul li article p{font-size: 0.85em;}
	.product ul li article a{line-height: 30px; font-size: 0.85em;}
	#container{height:400px;}
}

/* 宽度1024 */
@media screen and (max-width:1279px){
	.logo{width:25%; margin-left:1%;}
	.menu nav ul li{width:11.5%; margin:0 0.5%;}
	.menu nav ul li a{font-size:0.9em;}
	.menu .menu-en{width:11%; font-size:0.8em;}
	.menu .menu-en:before{margin-left:5px; margin-right:5px;}
	.menu .menu-group{width:15%; font-size:1em;}
	.menu .menu-group i{margin-left:10px; margin-right:10px;}
	.dropdown .secondmenu{width:22%; margin-right:0.5%;}
	.swiper-container-horizontal>.swiper-pagination-bullets{bottom:20px;}
	.swiper-container .swiper-pagination-bullet{width:10px; height:10px;}
	.swiper-container .swiper-pagination-bullet-active{padding:0 2px;}
	.index-wrap_left{float:none; width:100%;}
	.index-wrap_ar{height:auto; background-color:#161616;}
	.index-wrap_news{height:auto; padding:4% 2%;}
	.index-wrap_right{width:100%; float:none;}
	.index-wrap_right .slideTxtBox .bd div figure img{width:100%; height:700px;}
	.ft-logo h3 font{display:block; padding-top:4%;}
	.ft-menu{width:54%; margin-left:1.5%; padding-left:1.5%;}
	.ft-menu dl{width:14.65%; margin:0 2%;}
	.ft-menu dl dt{font-size:0.95em;}
	.ft-other{width:20%; margin-right:1%;}
	.ft-other form:before{padding-left:2px;}
	.about-wrap{width:1000px;}
	.about-right{padding-left:2.5%;}
	.about-right article > font{font-size:2em;}
	.about-right article > span{font-size:0.9em;}
	.about-right article > p{width:30%;}
	.about-right article:nth-of-type(1) > font{width:28%; font-size:2.5em;}
	.about-right article:nth-of-type(3) > em{margin-right:4%;}
	.development{padding-bottom:3em;}
	.memorabilia-wrap{width:1000px;}
	.culture ol li h6{font-size:1.1em;}
	.culture ol li p{font-size:0.85em;}
	.culture-qy ol li:nth-child(1){padding:2% 1% 1% 2%;}
	.culture-qy ol li:nth-child(1) section span{width:90%;}
	.culture-qy ol li:nth-child(2){padding:2% 1% 1% 2%;}
	.culture-qy ol li:nth-child(2) article{width:52%;}
	.culture-qy ol li:nth-child(3) section span{width:80%;}
	.culture-qy ol li:nth-child(4){padding:2% 1% 1% 2%;}
	.culture-qy ol li:nth-child(4) article span{width:60%;}
	.inside-wrap_box{width:1000px;}
	.inside-wrap_tl ul li a{font-size:15px; line-height:40px; padding:0 30px;}
	.product ul li article h4{font-size: 1em;}
	.product ul li article p{font-size: 0.8em;}
	.product ul li article a{width: 25%; font-size: 0.8em; margin-top: 4%;}
	.newsshow-title{font-size:1.3em;}
	.sociallist ol li article p{width:100%;}
	.sociallist ol li article .more{padding-top:3%;}
	.service ol li article h5{font-size:1.1em;}
	.service ol li article p{font-size:0.8em; padding-top:10px; line-height:1.5;}
	.service ol li article h6{font-size:0.9em; padding-top:7%;}
	.service ol li article font{font-size:1.2em;}
	.service ol li article a{margin-top:5%; line-height:30px; font-size:0.8em;}
	.jobslist ul li .pl-top{padding:10% 5% 15% 5%;}
	.contact-fd_wrap{width:1000px;}
	.group-wrap{width:1000px;}
	.group ol li{height:590px;}
}

/* 宽度992 */
@media screen and (max-width:1023px){
	.about-wrap{width:100%; box-sizing:border-box; padding:0 5px;}
	.about-left h2{font-size:1.5em;}
	.about-left p{line-height:1.5;}
	.development h3{font-size:1.5em;}
	.development h4{font-size:1.2em;}
	.memorabilia-wrap{width:100%; box-sizing:border-box; padding:0 5px;}
	.memorabilia h3{font-size:1.5em;}
	.memorabilia h4{font-size:1.2em;}
	.culture h3{font-size:1.5em;}
	.culture h4{font-size:1.2em;}
	.culture ol li{width:12.66666%; margin:0 2%;}
	.culture ol li figure{width:100%; text-align:center;}
	.culture ol li h6{font-size:1em; padding-top:14px;}
	.culture ol li p{line-height:1.5; padding-top:10px;}
	.youshi ol li{width:100%; height:auto;}
	.youshi ol li figure{width:10.5%;}
	.youshi ol li article{width:85%;}
	.youshi ol li:nth-child(odd), .youshi ol li:nth-child(even){float:none;}
	.inside-wrap_box{width:100%; box-sizing:border-box; padding:0 5px;}
	.inside-wrap_tl h1{font-size:1.5em;}
	.inside-wrap_tl ul li a{font-size:14px; line-height:40px;}
	.inside-wrap_tl h2{font-size:1.5em;}
	.product ul li:nth-child(odd) article h4, .product ul li:nth-child(even) article h4{font-size:1em;}
	.txtScroll-left{width:100%; padding:1%;}
	.sociallist ol li article .more{padding-top:2%;}
	.service h1{font-size:1.5em;}
	.service h2{font-size:1em;}
	.service .service-dl h5{font-size:1.5em;}
	.contact-fd_wrap{width:100%; padding:0 5px; box-sizing:border-box;}
	.contact-info_wrap{width:100%; box-sizing:border-box; padding:0 2%;}
	#container{height:350px;}
	.group-wrap{width:100%; box-sizing:border-box; padding-left:5px; padding-right:5px;}
	.group ol li figure > img{transform:scale(1.1);}
	.group ol li figure:before{opacity:1;}
	.group ol li figure i.border-lt:before{width:90%;}
	.group ol li figure i.border-lt:after{height:90%;}
	.group ol li figure i.border-rb:before{width:90%;}
	.group ol li figure i.border-rb:after{height:90%;}
	.group ol li figure figcaption{top:50%; transform:translateY(-50%); opacity:1;}
	.group ol li figure figcaption img{width:60px;}
	.group ol li figure figcaption h3{font-size:1.1em;}
	.group ol li figure figcaption a{width:30%; line-height:32px; margin-top:4%; font-size:0.85em;}
	.group ol li h4{font-size:1em; padding-top:5%;}
	.group ol li p{padding-top:4%; font-size:0.85em;}
}

/* 宽度768 */
@media screen and (max-width:991px){
	.logo{width:32%;}
	.menu{display:none;}
	#hamburger{display:block;}
	.index-wrap_right{display:none;}
	footer .ft-menu,footer .ft-other,footer figure,footer h3{display:none;}
	footer .ft-logo{ width: 100%; text-align: center; margin: 0 0 -20px 0;}
	footer .ft-logo img{ max-width: 60%;}
	.about-left{width:100%; float:none;}
	.about-right{width:100%; float:none; padding-left:0;}
	.about-right article:nth-of-type(1) > font{width:14%;}
	.about-right article > p{text-align:left;}
	.about-right article:nth-of-type(3) > font{width:14%;}
	.about-right article:nth-of-type(4) > em{margin-right:4%;}
	.cd-horizontal-timeline .events-content h2{font-size:1.5rem;}
	.cd-horizontal-timeline .events-content p{font-size:1.1rem;}
	.memorabilia .swiper-slide time{width:72px; height:72px; font-size:1.5em; line-height:72px;}
	.culture-qy ol li:nth-child(1) section{float:none; width:100%;}
	.culture-qy ol li:nth-child(1) article{float:none; width:100%;}
	.culture-qy ol li:nth-child(1) section span{width:100%;}
	.culture-qy ol li:nth-child(2) article{float:none; width:100%;}
	.culture-qy ol li:nth-child(2) figure{float:none; width:100%; text-align:center;}
	.culture-qy ol li:nth-child(3) section{float:none; width:100%;}
	.culture-qy ol li:nth-child(3) section span{width:100%;}
	.culture-qy ol li:nth-child(3) article{float:none; width:100%; padding-top:15px;}
	.culture-qy ol li:nth-child(4) article{float:none; width:100%;}
	.culture-qy ol li:nth-child(4) article span{width:100%;}
	.culture-qy ol li:nth-child(4) figure{float:none; width:100%; text-align:center;}
	.inside-wrap_tl{display:none;}
	.news{padding-top:0;}
	.news .swiper-container{display:none;}
	.news ol{padding-top:0;}
	.product ul{display: -webkit-flex; display: flex; flex-wrap: wrap;}
	.product ul li{width: 49%; margin: 0 0.5%;}
	.product ul li figure{width: 100%; order: 0;}
	.product ul li article{width: 100%; padding-bottom: 2%; order: 1;}
	.productlist ul li article{display:none;}
	.productlist ul li:hover section h3{opacity:1;}
	.productshow figure{float:none; width:100%;}
	.productshow section{float:none; width:100%; padding-top:3%;}
	.productshow section h2 span{font-size:1.5em;}
	.productshow section h2 font{font-size:1em;}
	.productshow section h3{font-size:1em; padding-top:3%;}
	.productshow section a{display:none;}
	.productdetail h4 font{width:20%; font-size:1em;}
	.productdetail .similar ul li article{display:none;}
	.productdetail .similar ul li:hover section h3{opacity:1;}
	.social ol{padding-bottom:0;}
	.social ol li{width:49%; margin:0 0.5% 4px;}
	.social ol li:last-child{margin-right:0.5%;}
	.sociallist ol li article h3 a{font-size:1em;}
	.service .service-wrap{width:100%; box-sizing:border-box; padding:0 5px;}
	.service ol li article h5{font-size:1em;}
	.service ol li article h5:after{margin-top:5px;}
	.service ol li article p{line-height:1.2;}
	.service ol li article a{line-height:25px;}
	.jobslist ul li{width:49%; margin:0 0.5% 2%;}
	.jobslist ul li .pl-top h6{font-size:1.2em;}
	.jobsshow h6{font-size:1.3em;}
	.jobidea ol li{height:400px;}
	.jobidea ol li p{padding:0 5%;}
	.contact-info_wrap h2{font-size:1.2em;}
	.contact-info_wrap ol li, .contact-info_wrap ul li{font-size:0.8em; margin-top:10px;}
	.group ol li{height:500px;}
	.yb_conct {
		display: none;
	}
}

/* 宽度720 */
@media screen and (max-width:767px){
	.ft-bottom .copyright{margin-left:1%;}
	.ft-bottom .dm{margin-right:1.5%;}
	.development{padding-top:5%;}
	.culture{padding-top:5%;}
	.culture ol li{width:31.333333%; margin:0 1%;}
	.culture ol li figure{width:129px;}
	.news ol li{width:100%; overflow:hidden; margin-bottom:3%; background-color:#FFF;}
	.news ol li time font{font-size:3em;}
	.news ol li:nth-child(odd){float:none;}
	.news ol li:nth-child(even){float:none;}
	.product ul li:nth-child(odd) article, .product ul li:nth-child(even) article{padding:3% 0;}
	.product ul li:nth-child(odd) article i, .product ul li:nth-child(even) article i{width:50px; height:50px; background-size:contain;}
	.product ul li:hover:nth-child(odd) article i, .product ul li:hover:nth-child(even) article i{background-size:contain;}
	.product ul li:nth-child(odd) article a, .product ul li:nth-child(even) article a{font-size:0.8em; margin-top:3%;}
	.productlist ul li{width:48%; margin:0 1%; margin-bottom:3%;}
	.service h1{font-size:1.3em;}
	.service h2{font-size:0.9em;}
	.service h3{width:50%;}
	.service ol li article{top:4%; left:4%;}
	.contact-info{position:static;}
}

@media screen and (max-width:640px){
	.logo{width:34%;}
	.swiper-container-horizontal>.swiper-pagination-bullets{bottom:10px;}
	footer{margin-bottom:60px;}
	.ft-bottom{padding:2% 0; line-height:normal;}
	.ft-bottom .copyright{float:none; margin-left:0; text-align:center; line-height:22px;}
	.ft-bottom .dm{float:none; margin-right:0; text-align:center; line-height:22px;}
	.fixed-nav{display:block;}
	.about-right article:nth-of-type(1) > font{width:20%;}
	.about-right article:nth-of-type(3) > font{width:20%;}
	.memorabilia .swiper-slide time{width:60px; height:60px; font-size:1.2em; line-height:60px; margin-left:10px;}
	.memorabilia .swiper-slide span{font-size:0.9em; margin-left:14px; width:70%;}
	.teamlist ul li{float:none; width:100%; margin:0; overflow:hidden; margin-bottom:4%;}
	.gallery-item{width:49%;}
	.go-back{display:block;}
	.newsshow{padding:4% 0;}
	.newsshow-time label{display:none;}
	.product ul li{width: 100%; margin: 0;}
	.productshow section h2 span{font-size:1.3em;}
	.productdetail h4 font{font-size:0.9em; width:30%;}
	.sociallist ol li figure{display:none;}
	.sociallist ol li article{float:none; width:100%;}
	.service .service-wrap{width:93%;}
	.service h3{width:100%;}
	.service ol li{float:none; width:100%; margin-bottom:3%;}
	.service ol li article h5{font-size:1.1em;}
	.service ol li article p{line-height:1.5;}
	.service .service-dl h5{font-size:1.3em;}
	.jobslist ul li{background-color:#FFF;}
	.jobidea ol li{width:70%; float:none; margin:0 auto; background-color:#FFF; margin-bottom:70px;}
	.jobidea ol li figure.icon-ji1{background:url(../images/icon-ji1_hover.png) center center no-repeat #d61919;}
	.jobidea ol li figure.icon-ji2{background:url(../images/icon-ji2_hover.png) center center no-repeat #d61919;}
	.jobidea ol li figure.icon-ji3{background:url(../images/icon-ji3_hover.png) center center no-repeat #d61919;}
	.contact-info_wrap ol{width:100%; float:none; margin-top:4%;}
	.contact-info_wrap ul li{width:100%; float:none;}
	.contact-fd_wrap p{padding-left:0;}
	.contact-fd_wrap form .form-group{margin:0;}
	.contact-fd_wrap form input[type="text"]{float:none; width:100%; margin:0; margin-bottom:2%;}
	.contact-fd_wrap form textarea{width:100%; margin:0;}
	.contact-fd_wrap form button{font-size:1em; width:25%;}
	.group ol li{height:485px;}
}

@media screen and (max-width:480px){
	.logo{width:45%;}
	#hamburger{top:30px;}
	.index-wrap_ar{background:none;}
	.index-wrap_a, .index-wrap_r{width:100%; float:none;}
	.index-wrap_news > a{width:30%;}
	.about-right article:nth-of-type(1) > font{width:27%;}
	.about-right article:nth-of-type(3) > font{width:27%;}
	.culture ol li figure{width:100%;}
	.youshi ol li figure{display:none;}
	.youshi ol li article{width:100%;}
	.newsshow-title{font-size:1.2em;}
	.productshow section h2 span{font-size:1.2em;}
	.txtScroll-left .hd{float:none;}
	.txtScroll-left .bd{float:none; width:100%; margin-left:0;}
	.social ol li article h3{font-size:1em;}
	.jobslist ul li{width:100%; float:none; margin:0; margin-bottom:3%;}
	.jobidea{padding-top:17%;}
	.jobidea ol li{width:100%;}
	.contact-fd_wrap form button{width:30%;}
	.group ol li{width:100%; height:auto; margin-bottom:4%;}
	.group ol li:nth-child(odd){float:none;}
	.group ol li:nth-child(even){float:none;}
}

@media screen and (max-width:320px){
	.logo{width:55%;}
	.about-right article:nth-of-type(1) > font{width:35%;}
	.about-right article:nth-of-type(3) > font{width:35%;}
	.culture-qy ol li:nth-child(1) section span{font-size:0.9em;}
	.culture-qy ol li:nth-child(3) section span{font-size:0.9em;}
	.culture-qy ol li:nth-child(4) article span{font-size:0.9em;}
	.productshow section article p font{font-size:0.85em; padding-left:2%;}
	.txtScroll-left .bd ul li time{padding-right:5px;}
	.txtScroll-left .bd ul li a{font-size:0.85em;}
	.jobidea{padding-top:20%;}
	#container{height:300px;}
}
